<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<% String path = request.getContextPath();
   String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache">
<title>坐标拾取系统</title>
<link href="<%=basePath %>map/css/public.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
<script type="text/javascript" src="<%=basePath %>map/js/public.js"></script>
<script type="text/javascript">DomReady.ready(localsearch);</script>
</head>

<body onresize="mapResize()">
<div class="content">
<div class="LogoCon clear" id="mapLogo">
<div class="logo"><img src="<%=basePath %>map/resource/logo.jpg" width="146"
     height="80" border="0"/></div>
     <div class="search map_search"><input type="text" class="text"
     id="localvalue" value="请输入关键字进行搜索"
	onfocus="foucs_(this,'请输入关键字进行搜索','')"
	onblur="blur_(this,'请输入关键字进行搜索','')" callback="beginsearch(l_local)"/><input
	class="button" type="button" value="sks一下" id="localsearch"/>
		<!--  <label class="pointLabel" for="pointLabel"><input type="checkbox"
			onfocus="this.blur()" id="pointLabel"/><!--坐标反查  </label>--><span class="searchTip"
			id="searchTip"></span>
	</div>
	
	<div style="width: 400px; position: relative; float: right;">
<div style="color: #666; line-height: 25px;">当前坐标点如下：</div>
<input type="text" readonly id="pointInput"
	style="background: #EBEBE4; border: #7F9DB9 solid 1px; color: #555; width: 150px; height: 30px; line-height: 30px; font-size: 13px; font-weight: 700" /><span
	id="copyButton" ><input type="button" value="确定"
	onclick="onCopy()" style="margin-left: 8px;position:absolute;top:-15px;" /></span><span id="copyMessage"
	style="position: absolute; top: 0; right: 185px; * right: 180px; color: #f00; display: none">复制成功</span>
<div style="color: #777; margin-top: 5px; display: none">(默认显示地图中心点坐标,鼠标左键单击后显示单击点的坐标)</div>
</div>
</div>
<div class="dt_nav"><span class="result" id="resultNum"></span>
<ul class="nav">
	<li>
	<div class="l"><b id="curCity"></b><span>[<a
		id="curCityText" onclick="showPop()"><!--更换城市--></a>]</span></div>
	<span class="r"></span>
	</li>
	<li>
	<div class="l"><b>当前层级：<span id="ZoomNum"></span>级</b></div>
	<span class="r"></span></li>
</ul>
</div>
<div id="wrapper">
<div id="MapHolder" style="overflow: hidden;"></div>
<!--右侧地图Info begin-->
<div id="MapInfo">
<div id="txtPanel">
<h3>功能简介：</h3>
<p class="tip_info">1、支持地址 精确/模糊 查询；<br />
2、支持POI点坐标显示、复制；<br />
3、坐标鼠标跟随显示；<br />
<!--  4、<font color="red">支持坐标查询(需要将坐标反查框勾选)；</font><br />-->
</p>
<h3>使用说明：</h3>
<p class="tip_info">1、获取坐标并复制：<br />
<span class="tip_info_em">1)、在搜索框中搜索关键词后，左侧列表中会有该点的坐标，点击该条信息或地图上该点，都会将坐标显示在地图右上角的Input框中,然后点击复制按钮，该点坐标就复制成功了;<br />
2)、在地图上用鼠标左键单击地图，就能将该点坐标显示在地图右上角的Input框中,然后点击复制按钮，该点坐标就复制成功了;</span><!-- 2、坐标反查：<br />
<span class="tip_info_em">1)、先勾选住 搜索框后面的 <font color="red">坐标反查框</font><br />
2)、输入一个正确的坐标(比如：116.307629,40.058359)，点击按钮 <b>sks一下</b>，就能将该点显示在地图上、切换地图，<font
	color="red">如果解析成功，还能返回一个地址</font></span></p>
	 -->
</div>
</div>
<!--右侧地图Info end--><!--地图上边右边透明立体边框 begin-->
<div id="shad">
<div id="shad_v"></div>
<div id="shad_h"></div>
</div>
<!--地图上边右边透明立体边框 end--></div>
</div>
</body>
<script>loadBody();</script>
<script type="text/javascript">
	var onCopy = function(){
		window.selectedPosition_ = ieCopy();
		var v =window.selectedPosition_.split(",");
		
		if(v){
			window.opener.document.getElementById("lng").value=v[0];
			window.opener.document.getElementById("lat").value=v[1];
		}
		window.close();
	};
</script>

</html>